import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { slideInAnimation } from './animations';
import * as _ from 'lodash';
import * as $ from 'jquery';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
  animations: [slideInAnimation]
})
export class AppComponent {
  getAnimationData(outlet: RouterOutlet) {
    // console.log('11', outlet && outlet.activatedRouteData && outlet.activatedRouteData['animation']);
    return outlet && outlet.activatedRouteData && outlet.activatedRouteData['animation'];
  }
  ngOnInit(){

    // console.log('lodash尝试',_.random(15,20));
    // console.log('jquery引入尝试',$.fn.jquery);
    // document.getElementById('tit').style.color = 'pink';
    document.getElementsByClassName('title')[0]['style'].color = 'pink';
    // $('.title').css('color','#ff0000');
  }
}
